<template>
    <div class="col-12">
        <div id="login" class="col-center-block">
            <form action="../components" method="post" class="form-horizontal">
                <h4>Use a local account to log in.</h4>
                <hr />
                <div class="form-group">
                    <label for="username" class="control-label">Username</label>
                    <input type="text" class="form-control" id="username">
                </div>
                <div class="form-group">
                    <label for="password" class="control-label">Password</label>
                    <input type="password" class="form-control" id="password">
                </div>
                <div class="form-group">
                    <input type="hidden" name="next" value="/" />
                    <input type="submit" value="Login" class="btn btn-dark" />
                </div>
            </form>
        </div>
    </div>
</template>

<script>
    export default {
        name: "login"
    }
</script>